<template>
  <div id="par">
    <template v-for="item in parArr">
      <ul :key="item.biu">
        <div class="cmt-item">
          <div class="j-cmt">
            <img :src="item.user.avatarUrl" alt="" />
          </div>
          <div class="cmt-meta">
            <div class="cmt-cat">
              <div class="id_time">
                <!-- 评论id -->
              <a href="#">{{ item.user.nickname }}</a>
              <!-- 评论时间 -->
              <span class="pl-time">{{ time(item.time) }}</span>
              </div>
              <div class="pl-main">
                <!-- 评论内容 -->
                <span>{{ item.content }}</span>
              </div>
              
            </div>
          </div>
          <div class="par_right">
                <span>{{ item.likedCount }}</span>
                <i class="iconfont icon-zan"></i>
              </div>
        </div>
      </ul>
    </template>
  </div>
</template>

<script>
export default {
  props: ["parArr", "time"],
};
</script>

<style lang="scss" scoped>
*{
  text-decoration: none;
}
 #par{
    ul{
        .cmt-item{
          display: flex;
          justify-content: space-between;
          margin-top: _vw(15);
          margin-left: _vw(15);
          // align-items: center;
            .j-cmt{
              margin-top: _vw(5);
                >img{
                    width: _vw(60);
                    border-radius: 50%;
                }
            }
            .cmt-meta{
              padding-left: _vw(15);
              width: 90%;
                        border-bottom: _vw(1) solid rgba(0,0,0,.1);

              .cmt-cat{
                .id_time{
                  display: flex;
                  flex-direction: column;

                  >a{
                  color: #666;
                  font-size: _vw(28);
                }
                >.pl-time{
                  font-size: _vw(18);
                  color: #999;
                }
                }
                >.pl-main{
                  margin-top: _vw(10);
                  margin-bottom: _vw(20);
                  >span{
                    font-size: _vw(30);
                    color: #333;
                    line-height: _vw(44);
                  }
                }
                
              }
            }
            >.par_right{
                        border-bottom: _vw(1) solid rgba(0,0,0,.1);
                  padding-right: _vw(5);
                  span{
                    font-size: _vw(22);
                    color: #999;
                    margin-right: _vw(5);
                  }
                  i{
                    font-size: _vw(35);
                    color: #999;
                  }
                }
        }
    }
 }
</style>